*{
    margin: 0;
    padding: 0;
}
li{list-style: none;}
.txh{
    display: flex;
    
}
body,html{
    
    
}
.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.box{
    width: 100%;
    .px2rem(height,90);
    background-color: #cc0000;
    .px2rem(line-height,90);
    ul{
        .txh;
        justify-content: space-between;

        li{
            
            
            p{
       text-align: center; 
       .px2rem(font-size,39);
       color: #fff;
       span{
           .px2rem(margin-left,12);
       }
    }
        }
        
        li:nth-child(3){
             .px2rem(margin-right,7);
        }
    }
    .one{
        
        .px2rem(width,79);
        .px2rem(height,42);
        background: #e75c5c;
        border: none;
        color:#fff;
    }
    .two{
        .px2rem(width,79);
        .px2rem(height,42);
        background: #e75c5c;
        border: none;
        color:#fff;
        .px2rem(margin-left,7);
    }
  
}
.banner{
    width: 100%;
    
    .a{
        width: 70%;
       .px2rem(height,42);
        border-radius: 10px;
        outline:none;
    }
    .b{
        .a;
    }
    .c{
        .px2rem(height,60);
        .px2rem(margin-left,12);
        width: 80%;
        border-radius: 10px;
        outline:none;
        background: #e75c5c;
        border: 1px solid #ccc;
        color:#fff;
    }
    ul{
        .px2rem(margin-left,32);
        li{
            width: 80%;
            margin: 30px auto;
        }
    }
    
}
